<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>视频背景</title>
		<style type="text/css">
			*{padding: 0px;margin: 0px;}
			.banner{width: 100%;min-width: 1200px;height: 500px;overflow: hidden;}
			.banner video{position: relative;width: 100%;top: -100px;opacity: 0.5;}
					
		</style>
	</head>
	<body>
		<!--循环播放loop+autoplay-->
	<!--	<video src="" loop autoplay >
			浏览器暂不支持播放视频
		</video>-->
		<!--第二种方法-->
	<!--	<video src="">
			<source src="" />			
		</video>-->
		<section class="banner">
			<video loop autoplay>
				<source src="" />			
			</video>
		</section>
	</body>
</html>
